
/* This file relates to the look and feel of the site */
/* look in layout.css to modify the layout of the page */

html,body {

}

* {
    font-family     : Verdana,Helvetica,sans-serif;
    font-size       : 10pt;
    text-align      : left;
}

/* Styles for the 'navigation' and 'extra' pane */
.section_header {
    display:block;
    font-weight:bold;
    color:#000055;
    border-bottom:solid 1px #AAAAAA;
    background:transparent url(../img/sectionheaderbg.png) repeat-x bottom;
}
.section_content {
    display:block;
    border:solid 1px dotted;
    border-top:none;
    margin-bottom:10px;
}
.faq_question {
    display:block;
    font-weight:bold;
    background:transparent url(../img/sectionheaderbg.png) repeat-x bottom;
    
    border-bottom:solid 1px black;
    margin-top:10px;
}
.faq_answer {
    margin-left:33px;
    margin-right:33px;
    margin-bottom:8px;
    
    border-left:solid 1px gray;
    border-right:solid 1px gray;
    border-bottom:solid 1px #cccccc;
    padding:5px;
    background:#DEFFDE;
}

#footer {
    font-size:8pt;
    text-align:center;
}

.wide { width : 100%; }
hr { border-style:ridge; border-width:1px; }
a,a:visited {
    cursor:pointer;
    color:#0000AA;
    text-decoration:none;
}
a:hover {
    color:#0000CC;
    text-decoration:underline;
}

pre {
    font-family:Courier New,Courier,sans-serif;
    background:#CCCCFF;
    padding:10px;
    border:dotted 1px black;
}

label {
    padding:3px;
}
.cgltable label:hover {
    background:#ffffcf;
    cursor:pointer;
}

/****************************************************/
/*              Buttons and Textfields              */
/****************************************************/

input[type="text"], 
input[type="password"],
textarea {
    font-size       : 10pt;
    background      : #FFFFBB;
    border          : solid 2px black;
    margin          : 2px;
    color           : black;
}
input[type="text"]:focus, input[type="password"]:focus {
    background      : #FFFFBB url(../img/inputbg_focus.png) repeat-x bottom;
}
input[type='submit'],input[type='reset'],input[type="button"] {
    margin-top:5px;
    margin-bottom:5px;
    
    border:solid 2px black;
    color:white;
    background:#000055;
}
input [type='file'] {
	width:50%;
}
input[type='submit'], input[type='reset'] {
    font-size:10pt;
}
input[type="reset"] {
    float:left;    
    padding-right:8px;
    padding-left:25px;
    background:#000055 url(../img/reset_bgimage.png) no-repeat left;
}
input[type="submit"], .arrowbutton {
    float:right;
    padding-right:25px;
    background:#000055 url(../img/submit_bgimage.png) no-repeat right;
}
.arrowbutton {
    float:none;
}
input[readonly="true"] {
    background      : #333333; 
    color           : white;
}
input[disabled="disabled"],textarea[disabled="disabled"] {
    background      : #bbbbbb;
    border-color    : #444444;
}

.add {
    padding-left:30px;
    background:#000055 url(../img/button_plus.png) no-repeat 5px !important;
}
.remove {
    padding-left:30px;
    padding-right:5px;
    background:#000055 url(../img/button_minus.png) no-repeat 5px !important;
}
.done {
    padding-left:30px;
    background:#000055 url(../img/button_done.png) no-repeat 5px !important;
}
.prev {
    padding-right:5px !important;
    padding-left:30px;
    background:#000055 url(../img/button_prev.png) no-repeat 5px !important;
}
.next {
    padding-right:25px;
    background:#000055 url(../img/button_next.png) no-repeat right !important;
}

.invalid {
    background      : #ED9E9E;
}

/****************************************************/
/*                  Pretty Tables                   */
/****************************************************/
.label {
    font-weight     : bold;
    text-align      : right;
    vertical-align  : top;
    white-space     : nowrap;
}
.label .sublabel {
    font-size       : 8pt;
    font-weight     : normal;
    text-align      : right;
}
.required:after {
    color           : red;
    font-weight     : bold;
    content         : " * ";
}
.cgltable {
    background      : white;
    border-left     : solid 1px black;
    border-bottom   : solid 1px black;
    border-collapse : collapse;
    border-spacing  : 0px;
}

.cgltable td, .cgltable th {
    border-top      : solid 1px black;
    border-right    : solid 1px black;
    vertical-align  : top;
    text-align      : left;
    padding-top     : 3px;
    padding-bottom  : 2px;
}

.cgltable th {
    text-align      : center;
    padding-left    : 5px;
    padding-right   : 5px;    
    color           : white;

    font-weight     : bold;
    background      : #000055;
}

.cgltable tfoot td {
    border          : solid 1px black;
}

.blank, .blank td, .blank tr, .blank tr td, .blank th {
    border:none;
    padding:none;
    margin:none;
}

.searchtable {
    float           : center;
    border-bottom   : solid 2px black;
    margin-bottom   : 10px;
    width           : 100%;
}
.searchtable td { vertical-align:top; }


/****************************************************/
/*               Pretty Form Tables                 */
/****************************************************/
.cglformtable td, .cglformtable th {
    border-bottom   : dotted 1px black;
    vertical-align  : top;
    text-align      : left;
}

.cglformtable th {
    text-align      : center;
    padding-left    : 5px;
    padding-right   : 5px;    
    color           : white;
    background      : url(../img/th_background.png) repeat-x; /* NOTICE: CGL Path */
}

/****************************************************/
/*                Pretty Fieldsets                  */
/****************************************************/
fieldset {
    border          : solid 1px black;
    padding         : 10px;
}
legend {
    color           : white;
    min-width       : 150px;
    background      : #000055;
    border          : solid 1px black;
}

fieldset[disabled="disabled"] {
    background      : #dddddd;
}

/****************************************************/
/*                Misc. Elements                    */
/****************************************************/
.nomargins { margin:0px; }
.minimal_padding { padding-left:20px; }
ul li {
    list-style-image: url(../img/list_square.png);              /* NOTICE: CGL Path */
}

dl dt {
    font-weight     : bold;
    border-bottom   : solid 1px #bbbbbb;
    margin-top      : 8px;
    margin-left     : 5px;
}
dl dd {
    border-left     : solid 1px #bbbbbb;
    margin-left     : 5px;
}

/****************************************************/
/*                   Headers                        */
/****************************************************/
h1,h2,h3,h4,h5,h6,h7 {
    margin-top:0px;
    color:#000055;
    border-bottom:solid 1px #777777;
    margin-bottom:5px;
}
h1, h1 * { font-size:20pt; }
h2, h2 * { font-size:16pt; }
h3, h3 * { font-size:14pt; }
h4, h4 * { font-size:12pt; }
h5, h5 * { font-size:10pt; }
h6, h6 * { font-size:8pt; }
h7, h7 * { font-size:5pt; }

/* Footer */
#footershadow { background:url(../img/footerbg.png) repeat-x; height:32px; border-top:solid 1px #999; clear:both; }

#footer {
    padding:0px;
}

#footer_padding {
    width:900px; float:center; padding:0px 30px 15px 30px;
    margin-left:auto;
    margin-right:auto;
}
#footer ul { list-style: none; padding:0px; }
div.footer-cell { padding-right:11px; padding-left:12px; float:left; width:20%; border-left:solid 1px #ccc !important; }
#footer div.footer-cell h3 { margin-bottom:6px; font-weight: bold !important; color:#666; }
#footer div.footer-cell h3 a { font-weight: bold !important; color:#666 !important; text-decoration: none !important; }
#footer div.footer-cell p { margin-bottom:4px; color:#666; font-size:0.8em; }
#footer div.footer-cell p a { color:#663333; }
#footer ul li { list-style-type:none; list-style-image:none; margin:4px 0px; font-family:Helvetica, Arial, sans-serif !important; }
#footer ul a { font-weight:normal; text-decoration:none; text-transform: uppercase; font-size:0.8em; }
#footer ul a:hover { text-decoration: underline; }
#subfooter { text-align:center; position:relative; float:center; padding-top:4px; font-size:8pt; margin-top:15px; clear:both; }
#subfooter p { font-size:8pt; font-family:Arial, sans-serif !important; color:#666; }



/****************************************************/
/****************************************************/

/* PRINT STYLES
 * this part of the stylesheet defines special options for making pages prettier when printed
 */
 
@media print {
    .noprint {
        display     : none;
    }
}
